<template>
  <div>
    <van-grid :border="true" icon-size="30px" :column-num="2" style="height: 80px;">
      <van-grid-item icon="home-o" text="在线客服" to="/" />
      <van-grid-item icon="search" text="在线客服" url="/vant/mobile.html" />
    </van-grid>
    <div class="title">
      热门问题
    </div>
    <van-cell-group>
      <van-cell title="超级会员权益说明" is-link :to="{name:'rating',params:{Caption:'supervip'}}" />
      <van-cell title="签到规则" is-link :to="{name:'rating',params:{Caption:'sign'}}" />
      <van-cell title="用户等级说明" is-link :to="{name:'rating',params:{Caption:'rank'}}" />
      <van-cell title="积分问题" is-link :to="{name:'rating',params:{Caption:'pointtext'}}" />
      <van-cell title="教我拍大片" is-link :to="{name:'rating',params:{Caption:'phototutorial'}}" />
      <van-cell title="支付问题" is-link :to="{name:'rating',params:{Caption:'payment'}}" />
      <van-cell title="其他问题" is-link :to="{name:'rating',params:{Caption:'other'}}" />
      <van-cell title="准时达问题" is-link :to="{name:'rating',params:{Caption:'ontime'}}" />
      <van-cell title="会员说明" is-link :to="{name:'rating',params:{Caption:'memberPartCut'}}" />
      <van-cell title="会员问题" is-link :to="{name:'rating',params:{Caption:'member'}}" />
      <van-cell title="红包问题" is-link :to="{name:'rating',params:{Caption:'hongbao'}}" />
      <van-cell title="活动细则" is-link :to="{name:'rating',params:{Caption:'freshman'}}" />
      <van-cell title="补签规则" is-link :to="{name:'rating',params:{Caption:'forgot'}}" />
      <van-cell title="优惠说明" is-link :to="{name:'rating',params:{Caption:'discount'}}" />
      <van-cell title="免责说明" is-link :to="{name:'rating',params:{Caption:'disclaimer'}}" />
      <van-cell title="代金券说明" is-link :to="{name:'rating',params:{Caption:'coupon'}}" />
      <van-cell title="商务合作" is-link :to="{name:'rating',params:{Caption:'business'}}" />
      <van-cell title="余额问题" is-link :to="{name:'rating',params:{Caption:'balance'}}" />
      <van-cell title="超赞商家" is-link :to="{name:'rating',params:{Caption:'awesomeRestaurant'}}" />
      <van-cell title="匿名购买" is-link :to="{name:'rating',params:{Caption:'anonymousBuy'}}" />
      <van-cell title="活动问题" is-link :to="{name:'rating',params:{Caption:'activity'}}" />
    </van-cell-group>
  </div>
</template>
<script>
  export default {
    name: 'service',
    data: function () {
      return {

      }
    },
    created() {
      this.$store.commit("changeTitle", '服务中心');
    },
  }
</script>

<style lang="less" scoped>
  * {
    text-align: left;
  }

  .title {
    height: 100px;
    text-align: left;
    font-size: 16px;
    /* no */
    padding-left: 20px;
    padding-top: 20px;
    /* no */
    font-weight: normal;
    background-color: white;
    border-bottom: solid 1px rgb(245, 245, 245);
  }

  .van-cell {
    height: 30px;
    /* no */
    padding: 20px 0;
    /* no */
    font-size: 10px;
    /* no */
  }

  .van-cell__title {
    margin-left: 20px;
    /* no */
  }
</style>